@charset "UTF-8";
@import "../common/_functions.scss";
@import "../common/_variables.scss";

.ulike {
    margin-top: px2rem(20);
    background-color: $_fff;
    .like-goods {
        display: flex;
        height: px2rem(446);
        overflow: hidden;
        .main-box {
            width: px2rem(372);
            padding: px2rem(12) px2rem(30) px2rem(30);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            .main-name {
                max-width: px2rem(312);
                font-size: px2rem(24);
                color: $_000;
            }
            .main-pic {
                width: px2rem(312);
                height: px2rem(312);
            }
        }
        .sub-box {
            width: px2rem(378);
            display: flex;
            flex-direction: column;
            .horizontal-view {
                display: flex;
                height: px2rem(223);
                border-top: 2px solid $_eee;
                &:first-child {
                    border-top: none;
                }
                .sub-item {
                    flex: 1;
                    border-left: 2px solid $_eee;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    padding: px2rem(10) 0;
                    .item-name {
                        font-size: px2rem(22);
                        color: $_000;
                        max-width: px2rem(180);
                        white-space: nowrap;
                    }
                    .item-pic {
                        width: px2rem(120);
                        height: px2rem(120);
                    }
                    .item-price {
                        max-width: px2rem(180);
                        font-size: px2rem(20);
                        color: $_333;
                        white-space: nowrap;
                        span {
                            font-size: px2rem(24);
                            color: $_e51c23;
                        }
                        .add {
                            font-size: px2rem(30);
                            color: $_666;
                            margin: 0 px2rem(2);
                        }
                    }
                    .item-market {
                        max-width: px2rem(180);
                        font-size: px2rem(20);
                        color: $_999;
                        text-decoration: line-through;
                        white-space: nowrap;
                    }
                }
            }
        }
    }
}